<template>
  <div id="Home">
    <HeadComp />
    <HomeSwiper :swipers="swipers" />
    <iconsView :icons="icons" />
    <homeList :lists="lists" />
  </div>
</template>

<script>
import HeadComp from "@com/head/homeHead";
import HomeSwiper from "@com/swiper/homeSwiper.vue";
import iconsView from "@com/iconView/iconView.vue";
import homeList from "@com/homeList/homeList.vue";

import swipers from "@ass/json/swiperLists.js";
import { a } from "@ass/json/listIcon.js";
import lists from "@ass/json/yourFavorite.js";

export default {
  name: "Home",
  data() {
    return {
      icons: a,
      lists: lists,
      swipers: swipers
    };
  },
  components: {
    HeadComp,
    HomeSwiper,
    iconsView,
    homeList
  }
};
</script>

<style scoped>
</style>